import React,{useState} from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'
import './index.css'
// root节点 根节点
// root节点范围内react起作用
// JSX js 的扩展语法
// react 用来表达UI组件
// JSX 优点 UI 简单方便直观
// JSX 标签 class 使用 className替代 因为js class是保留字
let name='word';
// 称为 JSX 模板
const element=<h1 className='h-bd'>hello {name}!</h1>;
// 自定义组件
const Hello=()=>{
  return <div>hello {name}</div>
}
let dateStr=new Date().toLocaleTimeString();
setInterval(()=>{
  dateStr=new Date().toLocaleTimeString();
},1000);
ReactDOM.createRoot(document.getElementById('root')).render(//
  // element
  // <Hello></Hello>
  // UI大舞台
  // 统一的父元素
  <div>
    <h1>h1</h1>
    <h2>现在是 {dateStr}</h2>
  </div>
);



